<!doctype html>
<html>
  <head>
    <script src="http://www.google.com/jsapi"></script>
    {% if single %}
      <script>
        {% include "script.min.js" %}
      </script>
      <style>
        {% include "style.css" %}
      </style>
    {% else %}
      <script src="script.min.js"></script>
      <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    {% endif %}
    <title>vigor</title>
  </head>
  <body>
    <div id="intro">
      <img id="close_button" src="close_button.png" />
      <h1>Welcome to <img src="logo.png" /></h1>
      <ul>
        <li><strong>Edit text with vim and vigor:</strong> Vigor is designed to closely imitate vim's editing style, but on the web. You can store your files in the cloud and access them easily from any modern web browser with a vim-like editing experience.</li>
        <li><strong>Open source:</strong> Vigor's full source code is available at <a href="http://code.google.com/p/vigor-project">Google Code</a>.</li>
        <li>Uses your Google Account -- no need to make a new account.</li>
        <li>Written/designed by <a href="http://www.calebegg.com/">Caleb Eggensperger</a>, <a href="http://www.andrewhays.net">Andrew Hays</a>, and <a href="http://mindofmatthew.com">Matthew Kaney</a></li>
      </ul>
    </div>
    <div id="content"></div>
    <div id="status"></div>
    <img id="menu_button" src="menu_button.png" />
    <ul id="menu">
      <li class="item">
        <table><tr><td class="left">About</td>
            <td class="right">:about</td></tr></table>
      </li>
      <li class="item">
        <table><tr><td class="left">Save</td>
            <td class="right">:write</td></tr></table>
      </li>
    </ul>
  </body>
</html>
